<template>
	<view >
		<uni-nav-bar left-icon="back" @clickLeft="$tab.back()" color="#FFF" backgroundColor="transparent"
			:border="false" :statusBar="true" :fixed="true"></uni-nav-bar>
		
		<image src="http://api.fceos.cn/qiliaoyun/profile/appImages/redPacketEnd_bg.png" class="w-full" mode="widthFix"></image>
		
		<view class="flex flex-col items-center" v-if="detail">
			<view class="flex items-center mt-36">
				<image :src="detail.sendUserInfo.avatar" mode="" class="image-64"></image>
				<view class="text-36 font-700 ml-12">
					{{detail.sendUserInfo.nickName}}发来的红包
				</view>
			</view>
			<view class="text-9E9E9E mt-20">
				{{ detail.remark }}
			</view>
			<view class="flex font-700 items-end" style="color: #FF4037;margin-top: 60rpx;">
				<view class="pb-20">
					￥
				</view>
				<view class="" style="font-size: 120rpx;">
					{{ detail.price }}
				</view>
			</view>
			<view class="mt-16" style="color: #FF4037;">
				已存入{{moneyName}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail:null,
				moneyName:"",
			};
		},
		async onLoad(e) {
			const res = await this.$Api.chat.robredpacket({
				redPacketId: e.id
			})
			console.log(res)
			this.detail = res.data
			this.moneyName = res.redPacketInfo.moneyName
		}
	}
</script>

<style lang="scss">
	.uni-navbar{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 99;
	}
</style>